<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 

        标签之间的相互嵌套
            div 可以嵌套任何标签
            h1-h6  标题之间不能相互嵌套  可以嵌套其他的
            p   只能嵌套小标签

            img 单标签无法嵌套
            a   小标签之间可以相互嵌套  但是a不能嵌套自己

     -->

    <div>
        <div></div>
        <a href=""></a>
        <p></p>
        <h1></h1>
    </div>


    <h1>
        <span></span>
        <a href=""></a>
    </h1>


    <p>
        <span></span>
        <a href=""></a>
        <img src="" alt="">
    </p>


    <img src="" alt="">


    <a href="">
        <div>可以嵌套div p h1-h6 不建议</div>
        <span></span>
    </a>

    <span>
        <a href=""></a>
        <span></span>
    </span>

    <b>
        <b>加粗</b>
    </b>

    <!-- <a href="">  出错
        <a href="">hello</a>
    </a> -->

    <!-- <a href="">
        <div>
            <a href=""></a>
        </div>
    </a> -->

</body>

</html>